<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Found The Lost<!--{jp}失ったものを見つけた-->
        <!--{cn}找到失去的东西--></title>
  <link rel="stylesheet" href="css/bootstrap.css">	
</head>
<body>

	 <!-- ===================导航============================= -->
<nav class="navbar navbar-inverse" >
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Found The Lost<!--{jp}失ったものを見つけた-->
        <!--{cn}找到失去的东西--></a>
    </div>

    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
      <ul class="nav navbar-nav">
        <li class="active"><a href="index.html">Home<!--{jp}トップページ-->
        <!--{cn}首页--> <span class="sr-only">(current)</span></a></li>
        <li><a href="info.html" >Lost Things<!--{jp}紛失物をなくした-->
        <!--{cn}丢失物品--></a></li>
        <li><a href="info.html" >Found Things<!--{jp}物品を見つける-->
        <!--{cn}找到物品--></a></li>
      </ul>
 
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" id="dlm">
          <ul class="dropdown-menu" role="menu">
            <li><a href="#" id="dqyh"></a></li>
          </ul>
        </li>

        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Language<!--{jp}言語選択-->
        <!--{cn}语言选择--> <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#"  onclick="setlang('default',this)" href="javascript:;">English</a></li>
            <li><a href="#" onclick="setlang('jp',this)" href="javascript:;">日本語</a></li>
            <li><a href="#" onclick="setlang('cn',this)" href="javascript:;">简体中文</a></li>
          </ul>
        </li>
        
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">User<!--{jp}ユーザ相関-->
        <!--{cn}用户相关--><span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#"   href="javascript:;" data-toggle="modal" data-target="#login">Sign in<!--{jp}登録 -->
        <!--{cn}登录--></a></li>
            <li><a href="#"   href="javascript:;" data-toggle="modal" data-target="#reset">Reset Password<!--{jp}パスワードリセット -->
        <!--{cn}密码重置--></a></li>            
            <li><a href="#"  href="javascript:;" data-toggle="modal" data-target="#zc">Register<!--{jp}レジスタ-->
        <!--{cn}注册--></a></li>
            <li><a href="#" onclick="exit()"   >Sign out<!--{jp}サインアウト-->
        <!--{cn}退出登录--></a></li>
          </ul>
      </li>
      </ul>
    </div>
  </div>
</nav>
  <!-- ===================导航   END  ============================= -->


  <!-- ====================登录弹出框=============================== -->
    <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="myModalLabel">Username<!--{jp}ユーザー名--><!--{cn}用户名-->：
                <input id="Ladmin" name="username" type="email" placeholder="email@email.com"></h4>
              <br>    
              <h4 class="modal-title" id="myModalLabel">Password<!--{jp}パスワード--><!--{cn}密   码-->：
                <input id="Lpwd" type="password" name="password" ></h4>
            </div>
            <div class="modal-footer">
              <button onclick="denglu()" id="deng" class="btn btn-primary" >Sign in<!--{jp}登録 --><!--{cn}登录--></button>
              <button type="button" class="btn btn-default" data-dismiss="modal">Close<!--{jp}閉鎖 --><!--{cn}关闭--></button>
            </div>
        </div>
      </div>
    </div>
  <!-- ====================登录弹出框   END=========================== -->


    <!-- =====================注册弹出框 ==============================-->
    <div class="modal fade" id="zc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel"  placeholder="email@email.com">Username<!--{jp}ユーザー名--><!--{cn}用户名-->：
              <input id="Radmin" placeholder="email@email.com" name="username" type="email"></h4>
            <br>    
            <h4 class="modal-title" id="myModalLabel">Password<!--{jp}パスワード--><!--{cn}密   码-->：
              <input id="Rpwd" type="password" name="password"></h4>
          </div>
            <div class="modal-footer">
              <button onclick="zhuce()" id="zhu" class="btn btn-primary" >Register<!--{jp}レジスタ --><!--{cn}注册--></button>
              <button type="button" class="btn btn-default" data-dismiss="modal">Close<!--{jp}閉鎖 --><!--{cn}关闭--></button>
            </div>
 
        </div>
      </div>
    </div>

    <!-- =====================注册弹出框   END==============================-->


    <!-- ====================重置弹出框=============================== -->
      <div class="modal fade" id="reset" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Username<!--{jp}ユーザー名--><!--{cn}用户名-->：
                  <input id="eeem"  name="username" type="email" placeholder="email@email.com"></h4>
                  <h4>We will send a e-mail to you , you can use it to reset your password<!--{jp}私たちはあなたにメールを送信することができます、あなたはそれを使用することができますあなたのパスワードをリセットすることができます--><!--{cn}我们将会发送一封电子邮件给你，你可以使用它来重置你的密码--></h4>
                <br>    
              </div>
              <div class="modal-footer">
                <button onclick="reset()" id="deng" class="btn btn-primary" >Reset Password<!--{jp}パスワードリセット -->
        <!--{cn}密码重置--></button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close<!--{jp}閉鎖 --><!--{cn}关闭-->
                </button>
              </div>
          </div>
        </div>
      </div>
    <!-- ====================重置弹出框   END=========================== --> 

    <!-- =========错误提示================= -->
	<center>
		<div class="alert alert-danger" role="alert">
			<h4>Please login first<!--{jp}先に登录ください-->
        <!--{cn}请您先登录！-->
</h4>
			<h5>Due to think about security, please use the account login, you can enter 
				
        <!--{jp}が、安全についての考慮すれば、口座番号を使ってください。登录入り
--><!--{cn}由于考虑安全问题，请使用账号登录，即可进入--></h5>
		</div>
	</center>
    <!-- =========错误提示    END================= -->
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/translater.js"></script>
	<script type="text/javascript">
	    var tran = new Translater();

	    var btns = document.getElementById('btns');

	    for (var i = 0; i < btns.childNodes.length; i++) {
	        var  str = btns.childNodes[i].outerHTML;
	        if(str){
	            str = str.match(/onclick=\"setlang\(\'(.*?)\'\,/);

	            if(str.length>1 && str[1] === tran.lang_name){
	                btns.childNodes[i].className = 'btn active'
	            }else{
	                btns.childNodes[i].className = 'btn'
	            }
	        }
	    }

	    function setlang(name,self){
	        tran.setLang(name);
	        var btns = self.parentNode.children;
	        for (var i = 0; i < btns.length; i++) {
	            btns[i].className = 'btn';
	        }
	        self.className = 'btn active';
	    }




	</script>
</body>
</html>